<!DOCTYPE html>
<!-- saved from url=(0093)http://www.yunjike365.com/m/cust/addCustomerByArt?articleId=263&parentInvitationCode=UvzC8v60 -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>客户预约-集客通</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">
</head>
<body>




<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/jquery-weui.min.js"></script>
<!-- 如果使用了某些拓展插件还需要额外的JS -->
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/city-picker.min.js"></script>
<input type="text" id='picker'/>
<script>
    $("#picker").picker({
        cols: [
            {
                textAlign: 'center',
                values: ['iPhone 4', 'iPhone 4S', 'iPhone 5', 'iPhone 5S', 'iPhone 6', 'iPhone 6 Plus', 'iPad 2', 'iPad Retina', 'iPad Air', 'iPad mini', 'iPad mini 2', 'iPad mini 3']
            },
            {
                textAlign: 'center',
                values: ['杰伦', '磊', '明', '小鹏', '燕姿', '菲菲', 'Baby']
            },
        ],
        onChange:function (data) {

        }
    });
    //$("#picker").picker("setValue", ['杰伦', '磊', '明', '小鹏', '燕姿', '菲菲', 'Baby']);

    $('#picker').on('click',function () {
        weui.picker([{label:'杰伦',value:12}]);
    })

</script>
<script type="text/javascript">
    // var catData = [{
    //     "id": 1,
    //     "name": "周边旅游",
    //     "children": [{
    //         "id": 24,
    //         "name": "广东",
    //         "status": 0,
    //         "children": [{"id": 7, "name": "广州"}, {"id": 23, "name": "潮州"}]
    //     }]
    // }, {
    //     "id": 5,
    //     "name": "国内旅游",
    //     "children": [{"id": 8, "name": "华北地区", "children": [{"id": 9, "name": "北京"}]}]
    // }, {
    //     "id": 6,
    //     "name": "出境旅游",
    //     "children": [{
    //         "id": 10,
    //         "name": "东南亚",
    //         "children": [{
    //             "id": 11,
    //             "name": "马来西亚",
    //             "children": [{
    //                 "id": 20,
    //                 "name": "沙巴",
    //                 "children": [{"id": 21, "name": "美人鱼岛", "children": [{"id": 22, "name": "潜水"}]}]
    //             }]
    //         }]
    //     }]
    // }];
    // layui.config({
    //     base: '/'
    // }).extend({
    //     selectN: 'layui/lib/selectN',
    //     selectM: 'layui/lib/selectM',
    // }).use(['layer', 'form', 'jquery', 'selectN', 'selectM'], function () {
    //     var form = layui.form, selectN = layui.selectN, selectM = layui.selectM;
    //
    //     function getParam(paramName) {
    //         paramValue = "", isFound = !1;
    //         if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=") > 1) {
    //             arrSource = unescape(this.location.search).substring(1, this.location.search.length).split("&"), i = 0;
    //             while (i < arrSource.length && !isFound) arrSource[i].indexOf("=") > 0 && arrSource[i].split("=")[0].toLowerCase() == paramName.toLowerCase() && (paramValue = arrSource[i].split("=")[1], isFound = !0), i++
    //         }
    //         return paramValue == "" && (paramValue = null), paramValue
    //     }
    //
    //     //无限级分类-所有配置
    //     var catIns2 = selectN({
    //         //元素容器【必填】
    //         elem: '#cat_ids2'
    //         //候选数据【必填】
    //         , data: catData
    //         //设置了长度
    //         , width: null
    //         //默认值
    //         , selected: [6, 10, 11]
    //
    //         //为真只取最后一个值
    //         , last: true
    //
    //         //空值项提示，可设置为数组['请选择省','请选择市','请选择县']
    //         , tips: '请选择'
    //
    //         //事件过滤器，lay-filter名 不设置与选择器相同(去#.)
    //         , filter: ''
    //
    //         //input的name 不设置与选择器相同(去#.)
    //         , name: 'cat2'
    //
    //         //数据分隔符
    //         , delimiter: ','
    //
    //         //数据的键名
    //         , field: {idName: 'id', titleName: 'name', childName: 'children'}
    //
    //         //表单区分 form.render(type, filter); 为class="layui-form" 所在元素的 lay-filter="" 的值
    //         , formFilter: null
    //
    //     });
    //     var inviteCode = getParam("inviteCode");
    //
    //     $.post('getAgentName', {'inviteCode': inviteCode}, function (resp) {
    //         $('#agent_name').val(resp.msg);
    //         $('#agentId').val(resp.code);
    //     })
    //
    //     function resetForm() {
    //         $('#custName').val('');
    //         $('#phone').val('');
    //         $('#address').val('');
    //         $('#occupation').val('');
    //         // $('#style').val('');
    //         // $('#typeName').val('');
    //         // $('#type').val('');
    //         // $('#area').val('');
    //         // $('#budget').val('');
    //         $('#styleName').val('');
    //     }
    //
    //     $(function () {
    //         $('#sex').change(function () {
    //             var type = $(this).val();
    //             if (type != "") {
    //                 $('#sexname').val($(this).find("option:selected").text());
    //             } else {
    //                 $('#sexname').val("");
    //             }
    //         });
    //         // $('#style').change(function () {
    //         //     var style = $(this).val();
    //         //     if (style != "") {
    //         //         $('#styleName').val($(this).find("option:selected").text());
    //         //     } else {
    //         //         $('#styleName').val("");
    //         //     }
    //         // });
    //         $('.btn-reg').click(function () {
    //             var custName = $('#custName').val().trim();
    //             var phone = $('#phone').val().trim();
    //             var address = $('#address').val().trim();
    //             var occupation = $('#occupation').val().trim();
    //             var sex = $('#sex').val().trim();
    //             // var style = $('#style').val().trim();
    //             // var type = $('#type').val().trim();
    //             // var area = $('#area').val().trim();
    //             // var budget = $('#budget').val().trim();
    //             var agentId = $('#agentId').val().trim();
    //             var data = {};
    //             data.custName = custName;
    //             data.phone = phone;
    //             data.address = address;
    //             data.occupation = occupation;
    //             data.sex = sex;
    //             // data.area = area;
    //             // data.budget = budget;
    //             // data.style = style
    //             // data.type = type;
    //             if (agentId != "") {
    //                 data.agentId = agentId;
    //             }
    //
    //             if (custName.isBlank() || phone.isBlank()
    //                 || address.isBlank() || area.isBlank() || budget.isBlank()) {
    //                 alert('请将信息填写完整');
    //                 return;
    //             }
    //
    //             if (!phone.isMobile()) {
    //                 alert('请填写正确的手机号码');
    //                 return;
    //             }
    //
    //             if (style.isBlank()) {
    //                 alert('请选择装修风格');
    //                 return;
    //             }
    //
    //             if (type.isBlank()) {
    //                 alert('请选择装修方案');
    //                 return;
    //             }
    //
    //             showLoading('正在提交...');
    //             jll.ajax({
    //                 url: '/add_customer',
    //                 method: 'post',
    //                 data: data
    //             }, function (ret) {
    //                 if (ret.code == 1) {
    //                     alert('预约信息提交成功');
    //                     resetForm();
    //                 }
    //                 if (ret.code == 2) {
    //                     alert('对不起，该客户已被推荐');
    //                 }
    //                 if (ret.code == 0) {
    //                     alert('对不起，当天报备客户数已用完');
    //                 }
    //             }, function (resp) {
    //                 layer.msg('预约失败，' + resp.msg);
    //             }, function () {
    //                 hideLoading();
    //             });
    //         });
    //     });
    // });
</script>
</body>
</html>